@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family:  Tahoma, Arial;
	color:#848484;
	font-family: Georgia;
	font-size: 13px;
	line-height:18px;
	background:url(../images/bg/bg_hoavan.jpg) repeat left top;
}
a {
	color:#c8c8c8;
	text-decoration: none;
}
a:hover {
	color:#85b44f;
	text-decoration: none;
}
span {
	display:inline;
}
img {
	border: none;
}
ul {
	list-style-type: none;
}
li {
	list-style-type:none;
}
p {
padding-bottom:5px;
padding-top: 5px;
}
input {
	border: 0px;
	font-family:   Tahoma, Arial;
	font-size: 12px;
	line-height:18px;
}
#page {
	background: url(../images/bg/bg_gradient.png) repeat-x left top;
	width:100%;
}
#wrapper {
	margin:0 auto;
	width:988px;
}
/* --------Header--------------------------------- */
#Header {
	margin:0 auto;
}
.Header_001 {
	margin:0 auto;
	width:980px;
	overflow:hidden;
}
	.BoxSearch{ background:url(../images/search/bg_search.png) no-repeat right top; height:64px;}
		.BoxS{ float:left; }
		.BoxS .TBW{ float:left; width:230px; padding:22px 0px 0px 695px;}
		.BoxS .TBW .TBS{  background-color:transparent;  border:none; color:#848484; width:220px;}
		.BoxS .bntS{ float:right; padding:18px 10px 0px 0px;}
	.Logo{ float:left;  margin-left:20px;}
	.Icon{ float:right; text-align:right; padding-top:20px; margin-right:70px;}

#menu{ margin:0 auto; width:980px; height:74px;text-transform:uppercase; padding:0px 4px 0px 4px;  font-family: Tahoma, Arial; font-size:12px; margin-top:10px; background:url(../images/menu/bgblack_menu.png) no-repeat left top;  margin-bottom:15px;}
	.menuL{ float:left;  font-weight:bold;}
	.menuR{ float:right; padding-right:34px; line-height:52px; color:#ccc; text-transform:none;}
	.menuR ul{}
	.menuR ul li{ display:inline; padding-left:16px;}
	.menuR ul li .icon1{ float:left; background:url(../images/menu/icon_dn.png) no-repeat left center; padding-left:20px; height:52px; line-height:52px; margin-right:15px;}
	.menuR ul li .icon1 a{ color:#ccc; text-decoration:none;}
	.menuR ul li .icon1 a:hover{ color:#ccc; text-decoration:underline;}
	
	.menuR ul li .icon2{ float:left; background:url(../images/menu/icon_dk.png) no-repeat left center; padding-left:20px; height:52px; line-height:52px; margin-right:15px;}
	.menuR ul li .icon2 a{ color:#c8c8c8; text-decoration:none;}
	.menuR ul li .icon2 a:hover{ color:#c8c8c8; text-decoration:underline;}
		

	.menuR ul li .icon3{ float:left; background:url(../images/menu/icon_lienhe.png) no-repeat left center; padding-left:20px; height:52px; line-height:52px;}
	.menuR ul li .icon3 a{ color:#c8c8c8; text-decoration:none;}
	.menuR ul li .icon3 a:hover{ color:#c8c8c8; text-decoration:underline;}

/* ---------Body--------------------------------- */
h1{ width:184px; font-size:13px; background:url(../images/box/box184_blue_top.png) no-repeat left top; height:37px; line-height:37px; color:#d3e0f1; text-transform:uppercase; font-weight:bold; text-align:center;}
h2{ width:184px; font-size:13px; background:url(../images/box/box184_black_top.png) no-repeat left top; height:37px; line-height:37px; color:#7d7d7d; text-transform:uppercase; font-weight:bold; text-align:center;}
h3{ width:305px; font-size:13px; background:url(../images/box/box184_white_top.png) no-repeat left top; height:37px; line-height:37px; color:#7d7d7d; text-transform:uppercase; font-weight:bold; text-align:center;}
h5{ width:184px; font-size:13px; background:url(../images/box/box84_white_top.png) no-repeat left top; height:37px; line-height:37px; color:#7d7d7d; text-transform:uppercase; font-weight:bold; text-align:center;}

h4{ color:#333; font-size:15px; line-height:18px; padding-bottom:10px;}

	#Content{ margin:0 auto; width:980px; overflow:hidden;}
	#Content .ContentL{ float:left; width:184px; }
	.ContW{ float:left; width:184px; margin-bottom:10px;}
		.boxBlue{  width:184px;}
			.boxBlueC{ width:144px; padding:10px 20px 10px 20px; background:#286ac4; font-weight:bold;}
			.boxBlueW{ width:144px; padding-bottom:5px;}
			.boxBlueC a{ color:#54bd00; text-decoration:none;}
			.boxBlueC a:hover{ color:#54bd00; text-decoration:none;}
			.boxBlueC ul{}
			.boxBlueC ul li{display:block; padding-top:5px;}
			.boxBlueC ul li a{ color:#a0c3f3; text-decoration:none; background:url(../images/box/bullet.png) no-repeat left center; padding-left:15px; font-size:11px;}
			.boxBlueC ul li a:hover{ color:#fff; text-decoration:none; background:url(../images/box/bullet.png) no-repeat left center; padding-left:15px; font-size:11px;}
			.boxBlueC ul li.line2{ background:url(../images/box/line2.png) no-repeat left top; }
			.boxBlueB{ width:184px; background:url(../images/box/box184_blue_bottom.png) no-repeat left top; padding-bottom:10px;}
			
		.boxBlack{width:184px; margin:10px 0px 10px 0px;}
			.boxBlackC{ width:144px; padding:10px 20px 10px 20px; background:#d4d4d4; font-weight:bold; color:#2266c3;}
			.boxBlackW{ width:144px; padding-top:10px; text-align:center;}
			.boxBlackB{ width:184px; background:url(../images/box/box184_black_bottom.png) no-repeat left top; padding-bottom:10px;}
			
		.boxWhite{width:184px; margin-bottom:10px; }
			.boxWhiteC{ width:150px; padding:10px 17px 0px 17px; background:#fff; color:#2266c3; overflow:hidden; }
			.boxWhiteW{ width:150px; padding-top:10px; text-align:center; color:#7d7d7d; font-size:10px; line-height:14px; }
			.boxWhiteW p{ line-height:14px; text-transform:uppercase;}
			.boxWhiteW p a{ color:#7d7d7d; text-decoration:none;}
			.boxWhiteW p a:hover{ color:#85b44f; text-decoration:underline;}
			
				 .bnt_dathang{ width:150px; height:23px; background:url(../images/button/bnt_dathang.png) no-repeat left center; font-weight:bold; margin:10px 0px 10px 0px;}
			 	 .bnt_dathang .dathangL{ width: 47px; float: left; font-size:10px; text-align:center; padding:0px 0px 0px 17px; line-height:22px;}
				 .bnt_dathang .dathangL a{float:left; color:#4d4c4c; text-decoration:none; margin-left: -7px;}
				 .bnt_dathang .dathangL a:hover{ color:#4d4c4c; text-decoration:none;}
			
				 .bnt_dathang .dathangR{ width: 60px;float:left; font-size:10px; text-align:center; padding:0px 17px 0px 0px; line-height:22px; }
				 .bnt_dathang .dathangR a{color:#fff; text-decoration:none;}
				 .bnt_dathang .dathangR a{color:#fff; text-decoration:none;}
				 /*.line3{float:left; width:144px; background:url(../images/bg/line3.png) repeat-x left center; height:20px; }*/
				 .line4{float:left; width:150px; background:url(../images/bg/line3.png) repeat-x left center; height:20px; }
			
			.boxWhiteB{ width:184px; background:url(../images/box/box184_white_bottom.png) no-repeat left top; padding-bottom:10px;}
		
	#Content .ContentC{ float:left; width:592px; margin:0px 10px 0px 10px;}
	#Content .ContentC .ContCW{ margin-bottom:10px; overflow:hidden;}
			 .boxCont{width:592px; margin:10px 0px 10px 0px;}
					.boxContC{ width:144px; padding:10px 20px 10px 20px; background:#d4d4d4; font-weight:bold; }
					.boxContW{ width:144px; padding-top:10px; text-align:center; }
					.boxContB{ width:184px; background:url(../images/box/box184_black_bottom.png) no-repeat left top; padding-bottom:10px;}
			
			.titleContent{  width:592px; font-size:18px; background: url(../images/bg/bg_title_cont.jpg) no-repeat left top; height:71px; line-height:45px; }
			.titleContent .textContent{padding-top: 15px;float:left; color:#999; text-transform:uppercase; font-weight:bold; padding-left:30px; }
			.titleContent .bnt_xemthem{ float:right; padding:25px 30px 0px 0px;}
			.boxContentC{ float:left; width:592px; padding:0px 0px 0px 0px; background:#fff; text-align:center;}
			.boxContentC1{ float:left; width:592px; padding:20px 0px 0px 0px; background:#fff; text-align:center;}
			.boxContentW{ float:left; width:592px; margin-top:20px; }
			.boxContentW1{ float:left; width:592px; margin-top:0px;}
			.boxContentW2{ float:left; width:592px; text-align:left; margin-top:10px;}
				.detailSP{ float:left; width:280px; }
				.detailSP a{ color:#333; text-decoration:none;}
				.detailSP a:hover{ color:#333; text-decoration:underline;}
				.detailSPW{ float:left; width:280px; }
				.icon_zoom{ float:left; width:32px; margin-left:100px;}
				.icon_like{ float:left; background:url(../images/icon/icon_like.jpg) no-repeat left center; width:27px; padding-right:25px; line-height:20px; padding-top:7px; color:#63a800; font-size:10px; font-weight:bold; margin-left:10px;}
				.icon_like a{ color:#63a800; text-decoration:none;}
				.icon_like a:hover{ color:#63a800; text-decoration:none;}
				
				.ContProDetail{ float:right; width:270px; padding-right:10px; text-align:left;}
			
			.pagenumber{ font-size:11px; line-height:18px; padding-right:20px; margin:0; padding:0;}
			.pagenumber ul{}
			.pagenumber li{  display:inline; padding-left:5px; font-weight:bold; }
			.pagenumber li a{color:#444; background:#ccc; padding:1px 5px 1px 5px; border:solid 1px #ccc; text-decoration:none;}
			.pagenumber li a:hover{color:#63a800; background:#fff; text-decoration:none;}
			.pagenumber li .pagehover{color:#63a800; background:#fff; text-decoration:none;}
			
				.imgContent{ float:left; width:150px; margin:0 24px 0 8px; height:280px;}
				.imgContent p{font-size:10px; line-height:22px; text-transform:uppercase;text-align: center; height: 30px }
				
				.imgContent p.textR1{color:#F03; font-size:12px; line-height:14px; text-transform:uppercase; padding-top:10px;}
				.imgContent p a{ color:#7d7d7d; text-decoration:none; }
				.imgContent p a:hover{ color:#85b44f; text-decoration:underline; }
				.imgContent .imgW{color:#7d7d7d; font-size:12px; line-height:14px; text-transform:uppercase; height:190px; }
				
				.img_border{ border:solid 1px #ccc; padding:9px; width:130px; height:130px; margin-bottom:10px; padding-left: 23px;}
			.boxContentB{ float:left; width:592px; background: url(../images/box/box_cont_bottom.png) no-repeat left top; height:10px; }
			
			.SProduct{ float:left; width:572px; margin:0px 10px 0px 10px; background:#eee; padding:10px 0px 10px 0px; overflow:hidden;}
				.SPLeft{ float:left; margin-left:10px;}
					.TextListBox{ float:left; font-size:11px;}
					.SPListB{ float:left; padding-left:5px;}
					.button{ background:url(../images/button/bnt.png) no-repeat left top; width:70px; height:20px; line-height:20px; font-weight:bold; padding:0px 0px 0px 0px; font-size:11px;}
					.button a{ color:#333; text-decoration:none;}
					.button a:hover{ color:#63a800; text-decoration:none;}
				.SPRight{ float:right; margin-right:10px;}
			
	#Content .ContentR{ float:left; width:184px;}

/*-------------Footer-----------------------------------------------------------*/

#footer{  width:100%; background: url(../images/bg/bg_menu.png) repeat-x left bottom; padding:30px 0px 20px 0px; height:63px;}
	#footerW{ margin:0 auto; width:980px; font-size:11px; line-height:18px;}
	.footerL{ float:left; }
	.footerL ul{}
	.footerL ul li{ display:inline; padding:0px 2px 0px 2px;}
	.footerL ul li a{ color:#7d7d7d; text-decoration:none;}
	.footerL ul li a:hover{ color:#85b44f; text-decoration:underline;}
	.footerL p{ line-height:14px;}
	.footerL p a{color:#7d7d7d; text-decoration:none;}
	.footerL p a:hover{color:#85b44f; text-decoration:underline;}
	
	.footerR{ float:right; }
	.footerR p{ line-height:14px;}
	.footerR p a{color:#7d7d7d; text-decoration:none;}
	.footerR p a:hover{color:#85b44f; text-decoration:underline;}

	.textR{ color:#F03; text-decoration:none; font-size:18px;}
	
	